<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的账户</title>
    <link href="../css/base.css" rel="stylesheet" type="text/css">
    <link href="../css/acc_base.css" rel="stylesheet" type="text/css">
    <link href="../css/account.css" rel="stylesheet" type="text/css">
    <link href="../images/icon_logo.ico" rel="icon" type="image/x-icon">
    <script src="../js/jquery-1.8.3.js"></script>
    <script src="../js/shape-min.js"></script>
    <script src="../js/index.js"></script>
</head>
<body>
<!--=======公共头部 begin =======-->
<div class="headerBox">
    <div class="topBg">
        <div class="topCon">
            <div class="topLeft"><a href="#">民信官网</a><span>|</span>客服电话<b>400－686-2877</b><span
                    style="margin-right: 5px;">|</span><a href="#" class="app">手机民信贷</a></div>
            <div class="topRight">
                <!--未签到 begin-->
                <a href="#" class="signBox" style="display: none"></a>
                <!--end-->

                <!--已签到 begin-->
                <a href="#" class="signBox signed"></a>
                <!--end-->

                <!--未登录 begin-->
                <em style="display: none"><a href="#">登录</a><span>|</span><a href="#">注册</a></em>
                <!--end-->

                <!--已登录 begin-->
                <em>欢迎您，<a href="#">137****9729</a><span>|</span><a href="#">退出</a><span>|</span><a href="#">消息(99)</a></em>
                <!--end-->

                <span>|</span><a href="#">帮助中心</a>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="logo"><a class="page_mxd_logo" href="#">民信贷</a></div>
        <div class="hdRight">
            <div class="actBox">
                <a class="newest" href="#"><i></i>最新活动</a>
            </div>
            <div class="accBox">
                <a class="account" href="#"><i class="pre"></i>我的账户<i class="next"></i></a>
                <div class="accMenu">
                    <ul>
                        <li><a href="#">账户总览</a></li>
                        <li><a href="#">交易管理</a></li>
                        <li><a href="#">资金管理</a></li>
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">消息中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="navBg">
        <ul class="nav">
            <li>
                <a href="#">首页</a>
                <span class="botLine"></span>
            </li>
            <li>
                <a href="#" class="lc">我要理财</a>

                <div class="lcMenu">
                    <p><a href="#">新手专享</a></p>

                    <p><a href="#">无忧理财</a></p>

                    <p><a href="#">优质散标</a></p>

                    <p><a href="#">债权转让</a></p>
                </div>
            </li>
            <li><a href="#">民信金超</a></li>
            <li><a href="#">我要借款</a></li>
            <li><a href="#">积分乐园</a></li>
        </ul>
    </div>
</div>
<!--=======end =======-->

<!--=======公共个人信息（我的账户） begin =======-->
<div class="accountBg">
    <div class="accountTop">
        <div class="atopLeft">
            <div class="headBox">
                <div class="headPic"><img src="../images/account/headPic.jpg"></div>
                <div class="headBg"></div>
            </div>
            <div class="infoBox">
                <div class="accountDet"><strong><a href="#">13552086067</a></strong>安全等级<em>中</em><span>|</span><i class="mobile mo_pass" title="手机认证"></i><i class="real r_pass" title="实名认证"></i><i class="mail ma_pass" title="邮箱认证"></i></div>
                <p>上次登录时间：2015-10-20 11:55:25</p>
            </div>
        </div>
        <div class="atopRight">
            <ul class="myScore">
                <li>
                    <i class="hb"></i>红包<span>200.00</span>
                    <div class="tipBox">
                        <span></span>
                        <div class="tipCon">3个即将过期</div>
                    </div>
                </li>
                <li>
                    <i class="jxq"></i>加息券<span class="mid">2</span>张
                    <div class="tipBox aL">
                        <span></span>
                        <div class="tipCon">3个即将过期</div>
                    </div>
                </li>
                <li><i class="jf"></i>积分<span>251</span></li>
            </ul>
            <div class="jfdh">
                <a href="#">积分兑换<i class="dh"></i></a>
            </div>
        </div>
    </div>
</div>
<div class="assetBg">
    <div class="assetBox">
        <div class="mxdAsset">
            <h3>民信贷资产</h3>
            <p>20,000.00</p>
            <i class="what"></i>
            <div class="whatLayer" style="display: none">
                <div class="wArrow"></div>
                <div class="whatCon">可用余额 + 冻结金额 + 待收收益 + 代收本金</div>
            </div>
        </div>
        <div class="symbol">+</div>
        <div class="mxjcAsset">
            <a href="#">
                <h3>民信金超资产</h3>
                <p>0.00</p>
            </a>
        </div>
        <div class="symbol equal">=</div>
        <div class="totalAsset">
            <h3>总资产</h3>
            <p>20,000.00</p>
        </div>
    </div>
</div>
<!--=======end =======-->

<div class="accMain">
    <div class="accountMenu">
        <p>交易管理</p>
        <ul class="menuBox">
            <li><a href="#">我的投资</a></li>
            <li><a href="#">转让管理</a></li>
            <li><a href="#">自动投标</a></li>
            <li><a href="#">回款日历</a></li>
            <li><a href="#">我的借款</a></li>
        </ul>
        <p>借款管理</p>
        <ul class="menuBox" style="display: none">
            <li><a href="#">我的借款</a></li>
        </ul>
        <p>资金管理</p>
        <ul class="menuBox" style="display: none">
            <li><a href="#">充值</a></li>
            <li><a href="#">提现</a></li>
            <li><a href="#">交易明细</a></li>
        </ul>
        <p>奖励管理</p>
        <ul class="menuBox" style="display: none">
            <li><a href="#">我的红包</a></li>
            <li><a href="#">我的积分</a></li>
            <li><a href="#">我的邀请</a></li>
        </ul>
        <p>个人信息</p>
        <ul class="menuBox" style="display: none">
            <li><a href="#">个人基本信息</a></li>
            <li><a href="#">认证信息</a></li>
            <li><a href="#">银行卡信息</a></li>
            <li><a href="#">密码管理</a></li>
        </ul>
        <p>消息中心</p>
        <ul class="menuBox last" style="display: none">
            <li><a href="#">站内消息<span>(6)</span></a></li>
        </ul>
    </div>
    <div class="accountCon">
        <div class="atipBox">
            <div class="accTips">尊敬的用户sinana：您好，您于2015年09月02日在人人贷提交的身份证绑定信息已通过
                <i id="close"></i>
            </div>
        </div>
        <div class="accProfit">
            <div class="yesProfit">
                <p>昨日收益</p>
                <h4>0.00</h4>
                <i class="what"></i>
                <div class="whatLayer" style="display: none">
                    <div class="wArrow"></div>
                    <ul class="whatCon">
                        <li><span>163.00</span>活元佳收益</li>
                        <li><span>564.00</span>散标收益</li>
                        <li><span>782.00</span>无忧理财收益</li>
                        <li><span>456.00</span>现金券收益</li>
                        <li class="last"><span>4522.00</span>平台奖励收益</li>
                    </ul>
                </div>
            </div>
            <div class="sumProfit">
                <p>累计收益</p>
                <h4>0.00</h4>
                <i class="what"></i>
                <div class="whatLayer" style="display: none">
                    <div class="wArrow"></div>
                    <ul class="whatCon">
                        <li><span>163.00</span>活元佳收益</li>
                        <li><span>564.00</span>散标收益</li>
                        <li><span>782.00</span>无忧理财收益</li>
                        <li><span>456.00</span>现金券收益</li>
                        <li class="last"><span>4522.00</span>平台奖励收益</li>
                    </ul>
                </div>
            </div>
            <div class="yqPic"><a href="#"><img src="../images/account/yqhy.jpg"></a></div>
        </div>
        <div class="ringBox">
        	<div id="ring" class="ringLeft">
        		
        	</div>
        	<div class="ringCon">
        		<ul>
        			<li class="asset_0">
        				<i></i>
        				<h6>可用余额</h6>
        				<p>100000000.00<a class="czBtn" href="#">充值</a><a href="#" class="txBtn">提现</a></p>
        			</li>
        			<li class="asset_1">
        				<i></i>
        				<h6>待收本金</h6>
        				<p>100000000.00</p>
        			</li>
        		</ul>
        		<ul class="assetList">
        			<li class="asset_2">
        				<i></i>
        				<h6>冻结金额</h6>
        				<p>100000000.00</p>
        			</li>
        			<li class="asset_3">
        				<i></i>
        				<h6>待收收益</h6>
        				<p>100000000.00</p>
        			</li>
        		</ul>
        	</div>
        </div>
        <div class="accPro">
            <div class="aproTitle">在投产品</div>
            <ul class="proList">
                <li>活元佳：25000.00</li>
                <li>无忧理财：2500000.00</li>
                <li>优选标：2500000.00</li>
                <li>新手标：2500000.00</li>
                <li>收益提前享：2500000.00</li>
            </ul>
        </div>
        <div class="accPayment">
            <div class="payTitle">
                <h6>近期回款</h6>
                <a href="#" class="payMore">更多</a>
            </div>
            <div class="payCon">
                <!--近期有回款记录--->
                <table border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <th width="19%">回款日期</th>
                        <th width="30%">产品名称</th>
                        <th width="10%">期数</th>
                        <th width="15%">回款总金额</th>
                        <th width="15%">回款本金</th>
                        <th width="11%">回款利息</th>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#">活元佳第235期</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>无忧理财</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>自动投标</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#">活元佳第235期</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>无忧理财</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>自动投标</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>自动投标</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#">活元佳第235期</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>无忧理财</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                    <tr>
                        <td>2015-09-11</td>
                        <td><a href="#"><span>自动投标</span> - 购房需要资金周转</a></td>
                        <td>1/2</td>
                        <td>20.00</td>
                        <td>20.00</td>
                        <td>20.00</td>
                    </tr>
                </table>
                <!--end--->

                <!--近期无回款记录--->
                <div class="noPayment" style="display: none">您没有回款哦！快来投资吧</div>
                <!--end--->
            </div>
        </div>
    </div>
</div>
<div class="footer_2">
    <div class="ftCon">
        <div class="ftLeft">
            <ul>
                <li><a href="#">公司介绍</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">全民理财</a></li>
                <li><a href="#">安全保障</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">网站地图</a></li>
            </ul>
            <p>中富民信金融信息服务（上海）有限公司  2012-2015  版权所有  保留所有权利  泸ICP备15001759号-1</p>
        </div>
        <div class="ftRight">
            <div style="overflow: hidden">
                <div id="symantecSeal" style="float:left; margin-right: 20px;"
                     title="单击即可验证 - 该站点选择 Symantec SSL 实现安全的电子商务和机密通信">
                    <script type="text/javascript"
                            src="https://seal.verisign.com/getseal?host_name=www.minxindai.com&amp;size=S&amp;use_flash=YES&amp;use_transparent=YES&amp;lang=zh_cn"></script>
                </div>
                <a style="display: block; float: left; margin-right: 20px; padding-top: 13px" id='___szfw_logo___'
                   href='https://search.szfw.org/cert/l/CX20130930003050003108' target='_blank'><img
                        src='http://static.minxindai.com/images/bg/foot2.gif'></a>
                <script type='text/javascript'>(function () {
                    document.getElementById('___szfw_logo___').oncontextmenu = function () {
                        return false;
                    }
                })();</script>
                <a style="display: block; float: left; padding-top: 13px"
                   href="http://www.itrust.org.cn/yz/pjwx.asp?wm=1055649237" target="_blank"><img
                        src="http://static.minxindai.com/images/bg/foot3.gif"/></a>
            </div>
        </div>
    </div>
</div>

<!--右侧悬浮 begin-->
<div class="sideBar sideBar_1">
    <a href="javascript: void(0)" class="count"></a>
    <a href="javascript: void(0)" class="code">
        <div class="codeSide"><img src="../images/code_side.png"></div>
    </a>
    <a href="javascript: void(0)" class="custom"></a>
    <a href="#" class="charge"></a>
    <a href="#" class="feedback"></a>
    <a href="javascript:void(0)" id="goTopBtn" class="top" style="display: none"></a>
</div>
<!--end-->

<script>
    $(function(){
        $('#close').click(function(){
            $(this).parent().fadeOut('fast');
        });
           
    //环形图
    function pie(data, x, y, r1, r2, color, b){
		var paper = Raphael('ring', 300, 290);
		var total = 0, a = 0, x2, y2, x4, y4, arr=[],
		x1 = x - r1 * Math.sin(b * Math.PI / 180),
		y1 = y + r1 - r1 * Math.cos(b * Math.PI / 180),
		x3 = x - r2 * Math.sin(b * Math.PI / 180),
        y3 = y + r1 - r2 * Math.cos(b * Math.PI / 180);
		
		for (var i = 0; i < data.length; i++) {
            total += data[i];
        }
		
		for (var i = 0; i < data.length; i++) {
            var angle = [];
            angle[i] = (360 * data[i]) / total;
            if (i == 0) {
                a += angle[i] + b;
            }else{
                a += angle[i];
            }
            x2 = x - r1 * Math.sin(a * Math.PI / 180);
            y2 = y + r1 - r1 * Math.cos(a * Math.PI / 180);
            x4 = x - r2 * Math.sin(a * Math.PI / 180);
            y4 = y + r1 - r2 * Math.cos(a * Math.PI / 180);
            var d = "M" + x1 + " " + y1 + " A" + r1 + " " + r1 + " " + 0 + " " + 0 + " " + 0 + " " + x2 + " " + y2 + " L" + x4 + " " + y4 + " A" + r2 + " " + r2 + " " + 0 + " " + 0 + " " + 1 + " " + x3 + " " + y3 + " Z";
            var index;
            paper.path(d)
            .attr({'fill':color[i],'stroke':'#fff','stroke-width':'5.5'})
            .data('j',i)
            .hover(function(){
            	index = this.data('j');
            	$('.ringCon ul').children('.asset_'+index).children('h6').css('font-weight','bolder');
            	if( index == 0){
                	var m = (arr[index]-b)/2 + b;
	            }else{
	                var m = (arr[index]-arr[index-1])/2 + arr[index-1];
	            }
	            var x = -(10*Math.sin(m*Math.PI/180));
            	var y = -(10*Math.cos(m*Math.PI/180));
            	this.animate({'transform': 't'+x+','+y},300);
            },function(){
            	this.animate({'transform': 't0,0'},300);
            	$('.ringCon ul').children('.asset_'+index).children('h6').css('font-weight','normal');
            });
            x1 = x2;
            y1 = y2;
            x3 = x4;
            y3 = y4;
            arr.push(a);
        }		
	}
    pie([17,12,20,35], 140, 25, 105, 50, ['#fdc574','#fdab74','#b468c6','#7c68c6'], 150);
    
    //无投资
    //pie([10,10,10,10], 140, 25, 105, 50, ['#eee','#eee','#eee','#eee'], 150);
    });
</script>
</body>
</html>